<template>
    <Tabs value="allTable" :animated="false" type="card" @on-tab-remove="handleTabRemove">
        <TabPane label="全部表" name="allTable">
            <router-view></router-view>
        </TabPane>
        <template v-for="tab_pane in tab_pane_list" >
            <TabPane closable :label=tab_pane.label :name=tab_pane.name>
                <table-data :tableName = tab_pane.tableName></table-data>
            </TabPane>
        </template>
    </Tabs>
</template>

<script>
    import TableList from './GContentMysql/TableList';
    import TableData from './GContentMysql/TableData';
    import TableSearch from './GContentMysql/TableSearch';

    export default {
        name: "g-content-mysql",
        components: {
            TableList,
            TableData,
            TableSearch
        },
        data () {
            return {
                tab_pane_list : []
            }
        },
        methods: {

        },
        created : function() {
            let j = {};
            j.type = 'data';
            j.label = "platform_user-localhost";
            j.name = 'platform_user-localhost';
            j.tableName = "platform_user";
            this.tab_pane_list.push(j);
        }
    }
</script>

<style scoped>

</style>